<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>index</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../css/public.css">
    <link rel="stylesheet" href="../css/bootstrap.css">
    <link rel="stylesheet" href="../css/bok.css">
    <link rel="stylesheet" href="css/album.css">
</head>
<body>
<div class="container">
    <div class="row">
        <a class="col-sm-6" href="../index.html">
            <header id="title" class="name">
                <h2 id="ti" class="tit">
                    <span>黄超凡的个人博客</span>
                    <i class="iconfont">&#xe626;</i>
                </h2>
                <!--            <p>求知若饥，虚心若愚</p>-->
            </header>
        </a>
        <figure class="col-sm-4 info-">
            <div class="" style="display: inline-block">
                <span class="">关于博主 | </span>
            </div>
            <div class="" style="display: inline-block">
                <span class="">订阅博主 | </span>
            </div>
            <div class="" style="display: inline-block">
                <span class="">打赏博主 | </span>
            </div>
            <div id="change-bg" style="display: inline-block">
                <span class="">切换主题</span>
            </div>
        </figure>
        <figure class="col-sm-2 info_">
            <img src="../img/touxiang.jpg" class="tx">
            <div class="jieshao">
            </div>
        </figure>
    </div>
    <nav class="navbar-expand-lg navbar-light navbar-list-father">
        <div class="collapse navbar-collapse" id="navbarNav">
            <ul class="nav navbar-nav navbar-list">
                <li class="nav-item">
                    <a class="nav-link" href="../index.html">首页</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="../photo_Album/phone_index.html">我的相册</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="../works.html">我的作品</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#" >休闲娱乐</a>
                </li>
            </ul>
        </div>
    </nav>
</div>
<br>
<div class="container">
    <div class="row">
        <main class="col-sm-12 context con">
            <figure>
                <div class="lay columns_lay">
                    <ul>
                        <li><img src="images/4.jpg" alt=""></li>
                        <li><img src="images/5.jpg" alt=""></li>
                        <li><img src="images/6.jpg" alt=""></li>
                        <li><img src="images/7.jpg" alt=""></li>
                        <li><img src="images/8.jpg" alt=""></li>
                        <li><img src="images/9.jpg" alt=""></li>
                        <li><img src="images/8.jpg" alt=""></li>
                        <li><img src="images/8.jpg" alt=""></li>
                        <li><img src="images/8.jpg" alt=""></li>
                        <li><img src="images/8.jpg" alt=""></li>
                        <li><img src="images/8.jpg" alt=""></li>
                        <li><img src="images/8.jpg" alt=""></li>
                    </ul>
                </div>
            </figure>

        </main>
    </div>
</div>
<div class="modal-footer footer">
    <address class="text-center footer-info">
        <p>关于宋东亭 | 联系我2234689366@qq.com | 广告服务 | ©2020博客</p>
<!--        <div href="#">2234689366@qq.com</div>-->
    </address>
</div>
</body>
<script src="../js/jquery-3.4.1.min.js"></script>
<script src="../js/changeThemeColor.js"></script>
</html>